<p>This is a para with a footnote.<sup class="footnote-ref" id="fnref-1"><a href="#fn-1">1</a></sup></p>

<p>This is another para with a footnote<sup class="footnote-ref" id="fnref-2"><a href="#fn-2">2</a></sup> in it. Actually it has two<sup class="footnote-ref" id="fnref-3"><a href="#fn-3">3</a></sup> of
them. No, three<sup class="footnote-ref" id="fnref-4"><a href="#fn-4">4</a></sup>.</p>

<div class="footnotes">
<hr />
<ol>
<li id="fn-1">
<p>Here is the body of the first footnote.&#160;<a href="#fnref-1" class="footnoteBackLink" title="Yo Dawg, I heard you came from 1.">&#8617;</a></p>
</li>

<li id="fn-2">
<p>And of the second footnote.</p>

<p>This one has multiple paragraphs.&#160;<a href="#fnref-2" class="footnoteBackLink" title="Yo Dawg, I heard you came from 2.">&#8617;</a></p>
</li>

<li id="fn-3">
<p>Here is a footnote body that starts on next line.&#160;<a href="#fnref-3" class="footnoteBackLink" title="Yo Dawg, I heard you came from 3.">&#8617;</a></p>
</li>

<li id="fn-4">
<p>quickie "that looks like a link ref if not careful"&#160;<a href="#fnref-4" class="footnoteBackLink" title="Yo Dawg, I heard you came from 4.">&#8617;</a></p>
</li>
</ol>
</div>
